Component({
  /**
   * 组件的属性列表（相当于Vue的props）
   */
  properties: {
    // input默认内容
    placeHolder: { // 属性名
      type: String, // 类型（必填）String, Number, Boolean, Object, Array, null（表示任意类型）
      value: '请输入' // 属性初始值（可选），如果未指定则会根据类型选择一个
    },
    // 按钮内容
    btnWords: {
      type: String,
      value: '获取验证码'
    },
    // 该input名字
    tipsText: {
      type: String,
      value: '说明'
    },
    // 组件类型
    inputType:{
      type: String,
      value: 'one'
    },
    // 按钮颜色（如果有按钮）
    buttonColor: {
      type: String,
      value: '#e26070'
    },
    // 按钮背景颜色（如果有按钮）
    buttonBgColor: {
      type: String,
      value: '#fff'
    },
    maxLength: {
      type: String,
      value: '18'
    },
    defaultText: {
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据（相当于Vue的data）
   */
  data: {
    // inputValue: '',
    // interval: null
  },

  /**
   * 组件的方法列表（相当于Vue的methods）
   */
  methods: {
    clickMethod () {
      this.triggerEvent("listClick")
    },
    // trigger (e) {
    //   let value = e.detail.value
    //   console.log(value)
    //   this.triggerEvent("onInput", value)
    // },
    // onInput(e) {
    //   clearTimeout(this.data.interval)
    //   let value = e.detail.value
    //   console.log(value)
    //   this.setData({ inputValue: value })
    //   let iner = setTimeout(() => {
    //     console.warn('ddd')
    //     this.triggerEvent("onInput", this.data.inputValue)
    //   }, 500)
    //   this.setData({ interval: iner })
    // },
    onInput (e) {
      let value = e.detail.value
      this.triggerEvent("onInput", value)
    },
    btnClickEvent (e) {
      this.triggerEvent("btnClick")
    }
  },
  ready () {
    console.log(this)
  }
})
